home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / findBar.css < prev    next >
Cascading Style Sheet File  |  2010-01-21  |  6KB  |  231 lines
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2.  
  3. .findbar-closebutton {
  4. border: 1px solid transparent;
  5. padding: 0px 2px 0px 10px !important;
  6. list-style-image: url("chrome://global/skin/icons/closeSidebar.png");
  7. -moz-appearance: none;
  8. -moz-image-region: rect(0px, 14px, 14px, 0px);
  9. }
  10.  
  11. .findbar-closebutton > .toolbarbutton-icon {
  12. -moz-margin-end: 0px !important;
  13. -moz-padding-end: 2px !important;
  14. -moz-padding-start: 2px !important;
  15. }
  16.  
  17. .findbar-closebutton:hover {
  18. -moz-image-region: rect(0px, 28px, 14px, 14px);
  19. }
  20.  
  21. .findbar-closebutton:hover:active {
  22. -moz-image-region: rect(0px, 42px, 14px, 28px);
  23. }
  24.  
  25. findbar {
  26. background-color: #D9D7D6;
  27. -moz-appearance: none !important;
  28. border-top: 1px solid #c5c6c5;
  29. padding: 0px !important;
  30. margin:0px !important;
  31. border-bottom: 1px solid;
  32. -moz-border-bottom-colors: transparent;
  33. min-width: 1px;
  34. font-size: 11px;
  35. color: #101010;
  36. }
  37.  
  38. /* find-next button */
  39.  
  40. .findbar-find-next {
  41. -moz-appearance:none;
  42. list-style-image: url("chrome://global/skin/icons/find.png");
  43. -moz-image-region: rect(0px 16px 16px 0px);
  44. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_1.png") 2 6 0 / 2px 6px 0px;
  45. min-width: 6.3em;
  46. min-height:27px;
  47. max-height:27px;
  48. height:27px;
  49. margin: 0px 5px !important;
  50. padding: 0px 7px 5px 7px;
  51. background-color: transparent;
  52. color: #000;
  53. }
  54.  
  55. .findbar-find-next:hover {
  56. -moz-image-region: rect(16px 16px 32px 0px);
  57. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_h.png") 2 6 0 / 2px 6px 0px;
  58. }
  59.  
  60. .findbar-find-next:focus {
  61. text-decoration:none !important;
  62. outline:none !important;
  63. }
  64.  
  65. .findbar-find-next:hover:active {
  66. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_a.png") 2 6 0 / 2px 6px 0px;
  67. }
  68.  
  69. .findbar-find-next[disabled="true"] {
  70. -moz-image-region: rect(32px 16px 48px 0px) !important;
  71. }
  72.  
  73. /* find-previous button */
  74.  
  75. .findbar-find-previous {
  76. -moz-appearance:none;
  77. list-style-image: url("chrome://global/skin/icons/find.png");
  78. -moz-image-region: rect(0px 32px 16px 16px);
  79. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_1.png") 2 6 0 / 2px 6px 0px;
  80. min-width: 6.3em;
  81. min-height:27px;
  82. max-height:27px;
  83. height:27px;
  84. margin: 0px 5px !important;
  85. padding: 0px 7px 5px 7px;
  86. background-color: transparent;
  87. color: #000;
  88. }
  89.  
  90. .findbar-find-previous:focus {
  91. text-decoration:none !important;
  92. outline:none !important;
  93. }
  94.  
  95. .findbar-find-previous:hover {
  96. -moz-image-region: rect(16px 32px 32px 16px);
  97. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_h.png") 2 6 0 / 2px 6px 0px;
  98. }
  99.  
  100. .findbar-find-previous:hover:active {
  101. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_a.png") 2 6 0 / 2px 6px 0px;
  102. }
  103.  
  104.  
  105. .findbar-find-previous[disabled="true"] {
  106. -moz-image-region: rect(32px 32px 48px 16px) !important;
  107. }
  108.  
  109.  
  110. /* highlight button */
  111.  
  112. .findbar-highlight {
  113. -moz-appearance:none;
  114. list-style-image: url("chrome://global/skin/icons/find.png");
  115. -moz-image-region: rect(0px 48px 16px 32px);
  116. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_1.png") 2 6 0 / 2px 6px 0px;
  117. min-width: 6.3em;
  118. min-height:27px;
  119. max-height:27px;
  120. height:27px;
  121. margin: 0px 5px !important;
  122. padding: 0px 7px 5px 7px !important;
  123. background-color: transparent;
  124. color: #000;
  125. }
  126.  
  127. .findbar-highlight:focus {
  128. text-decoration:none !important;
  129. outline:none !important;
  130. }
  131.  
  132. .findbar-highlight:hover {
  133. -moz-image-region: rect(16px 48px 32px 32px);
  134. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_h.png") 2 6 0 / 2px 6px 0px;
  135. }
  136.  
  137. .findbar-highlight:hover:active {
  138. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_a.png") 2 6 0 / 2px 6px 0px;
  139. }
  140.  
  141.  
  142. .findbar-highlight[disabled="true"] {
  143. -moz-image-region: rect(32px 48px 48px 32px) !important;
  144. }
  145.  
  146. .findbar-highlight:active, .findbar-highlight[checked="true"] {
  147. -moz-image-region: rect(48px 48px 64px 32px);
  148. }
  149.  
  150. .findbar-highlight[checked="true"]:hover {
  151. -moz-image-region: rect(64px 48px 80px 32px);
  152. }
  153.  
  154. .find-status-icon {
  155. list-style-image: none;
  156. margin-top: 2px;
  157. margin-bottom: 0px;
  158. -moz-margin-start: 12px;
  159. -moz-margin-end: 0px;
  160. width: 16px;
  161. height: 16px;
  162. }
  163.  
  164. .findbar-find-status {
  165. margin-top: 0px;
  166. margin-bottom: 0px;
  167. -moz-margin-start: 3px;
  168. -moz-margin-end: 0px;
  169. padding: 2px;
  170. }
  171.  
  172. .find-status-icon[status="notfound"] {
  173. list-style-image: url("chrome://global/skin/icons/notfound.png");
  174. }
  175.  
  176. .findbar-textbox {
  177. -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox"); 
  178. -moz-appearance:none !important;
  179. background-color:#ffffff !important;
  180. padding:0px !important;
  181. border: 3px solid !important;
  182. -moz-border-radius: 4px;
  183. -moz-border-top-colors:#a8a8a8 #dadada #fcfcfc !important;
  184. -moz-border-bottom-colors:#d9d8d8 transparent transparent !important;
  185. -moz-border-left-colors:#d3d3d3 #fafafa transparent !important;
  186. -moz-border-right-colors:#d4d4d4 #fafafa transparent !important;
  187. }
  188.  
  189. .findbar-textbox:hover {
  190. -moz-border-top-colors:#79b7fc #aac9ec #e8f2fd !important;
  191. -moz-border-bottom-colors:#7bb8fd #bddcff #eaf4ff !important;
  192. -moz-border-left-colors:#7bb9fd #bad9fc #eaf4ff !important;
  193. -moz-border-right-colors:#7cb9fe #bad9fc #eaf4ff !important;
  194. }
  195.  
  196. .findbar-textbox[focused="true"] {
  197. -moz-border-top-colors:#3076c6 #85a8d1 #dde7f5 !important;
  198. -moz-border-bottom-colors:#3278c7 #98bbe4 #dfe9f7 !important;
  199. -moz-border-left-colors:#3278c7 #95b8e1 #dfe9f7 !important;
  200. -moz-border-right-colors:#3379c8 #95b8e1 #dfe9f7 !important;
  201. }
  202.  
  203. .findbar-textbox[status="notfound"] {
  204.   background-color: #F7E6E6;
  205.   color: #000000;
  206.   border: none;
  207. }
  208. .findbar-textbox[status="notfound"]  > .textbox-input-box {
  209. -moz-border-radius: 2px;
  210.   background-color: #F7E6E6;
  211. padding:0px !important;
  212. margin:0px !important;
  213.   color: #000;
  214. }
  215.  
  216. findbar[flash="true"] > .findbar-container > .find-field-container > .findbar-textbox {
  217.   background-color: yellow;
  218. }
  219.  
  220. .find-status-icon[status="wrapped"] {
  221.   list-style-image: url("chrome://global/skin/icons/wrap.png");
  222. }
  223.  
  224. .find-field-container, textbox {
  225.   -moz-appearance: none; /* was textfield */
  226. border:none !important;
  227. }
  228.  
  229. .find-field-container:focus, .find-field-container:hover {
  230.   border: none !important;
  231. }